<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<ul id="box">
    <li>aaa</li>
    <li>bbb</li>
    <li>ccc</li>
</ul>
<script>
    var myLi = document.createElement('li');
    var textNode = document.createTextNode('你好');
    myLi.appendChild(textNode);
    var box = document.getElementById('box');
    box.insertBefore(myLi,box.children[0]);//第一个参数新的节点，第二个参数是参照的节点位置
//    box.insertAfter(myLi,box.lastElementChild);//第一个参数新的节点，第二个参数是参照的节点位置
</script>
</body>
</html>